/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* Copyright (c) 2006,Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


html, body {
    font: normal 14px Arial;
    text-align: left;
    background: #bfdedc url(/images/background.gif) repeat-x top left;
}

.forPrinting {
    display: none;
}

p {
    margin-bottom: 10px;
}

a, a:active, a:focus {
    outline: 0;
}

.blue {
    color: #00539f !important;
}

h2 {
	color: #00539f;
    font-weight: bold;
    font-size: 20px;
	margin-bottom: 6px;
}

h3, h3 a {
    color: #00539f;
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    margin-bottom: 6px;
}

img {
    border: 0;
}

div#pageContainer {
    width: 769px;
    margin: 0 auto;
}

div#containerTop {
    background: url(/images/container-bg-top.png) no-repeat;
    width: 769px;
    height: 37px;
}

div#containerBottom {
    background: url(/images/container-bg-bottom.png) no-repeat;
    width: 769px;
    height: 28px;
}

div#containerBottomHome {
    background: url(/images/container-home-bg-bottom.png) no-repeat;
    width: 769px;
    height: 28px;
}

div#contentContainer {
    border-left: 6px solid #006699;
    border-right: 6px solid #006699;
    background: #FFFFFF;
    padding: 0 13px 0 30px;
    overflow: auto;
    position: relative;
}

div#pageContent {
    width: 480px;
    float: left;
}

.top {
    vertical-align: top;
}

.right {
    text-align: right;
}


/* Header */
div#header {
    padding-top: 20px;
    overflow: auto;
}

div#benjaminText {
    float: right;
    background: url(/images/benjamin-text.png) no-repeat;
    height: 100px;
    width: 120px;
    text-indent: -12345px;
    padding: 61px 0 0 302px;
}

div#benjaminText a {
    display: block;
    cursor: pointer;
    height: 100px;
    width: 120px;
}

/* Sidebar */
div#sidebarHolder {
	float: right;
	width: 203px;
}

div#sidebar {
    border-left: 3px solid #ffce5b;
    border-right: 3px solid #ffce5b;
    width: 197px;
    background: #f3ab00 url(/images/sidebar/sidebar-bg.gif) no-repeat center center;
    padding-bottom: 19px;
}

div#sidebarTop {
    width: 203px;
    background: #FFFFFF url(/images/sidebar/sidebar-top.gif) no-repeat -1px 0;
    height: 19px;
}

div#sidebarBottom {
    width: 203px;
    background: #FFFFFF url(/images/sidebar/sidebar-bottom.png) no-repeat;
    height: 19px;
    clear: both;
    /*margin-top: -19px;*/
}

div#sidebar div.sidebarItem {
    text-align: center;
    margin-bottom: 20px;
}


div#banner {
    margin-bottom: 20px;
}

div#banner img {
    border: 1px solid #666666;
}

div#homeBackground {
    background: url(/images/home-background.png) no-repeat;
    position: relative;
    height: 334px;
    width: 514px;
    bottom: 0;
    left: -30px;
}

div#homeBackground a {
    text-indent: -12345px;
    display: block;
    cursor: pointer;
    width: 110px;
    height: 30px;
    position: relative;
    top: 301px;
    left: 261px;
}

/* Feature Page */
div#featurePage div.featureImage {
	float: right;
}

div#featurePage div.featureImage img {
	border: 1px solid #000000;
	margin-left: 10px;
	margin-bottom: 10px;
}

div#featurePage p.intro {
	font-weight: bold;
}


/* Listing Page */
div#listingPage div.listItem {
    border-top: 2px dotted #f4b41b;
    padding-top: 12px;
    overflow: auto;
    margin: 15px 0;
}

div#listingPage div.listContent {
    width: 325px;
}

div#listingPage div.listItem p {
    color: #00539f;
}

div#listingPage div.listItem img {
    float: right;
}

div#contentNav {
    margin-top: 20px;
    clear: both;
}

div#contentNav div#nextNav {
    float: right;
    background: #FFFFFF url(/images/next.gif) no-repeat;
    padding-left: 60px;
    padding-top: 3px;
}

div#contentNav div#nextNav a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

div#storyContent img, div#ingredients img {
    float: right;
    margin: 0 0 10px 10px;
}

/* Recipes */
div#ingredients {
    clear: both;
    margin-top: 20px;
}

div#ingredients ol {
    margin: 15px 0 30px;
    padding-left: 25px;
}

div#ingredients ol li {
    color: #000000;
    font-weight: bold;
    list-style-position: outside;
    list-style-type: decimal;
}

div#ingredients ol li span {
    color: #00539f;
    font-weight: bold;
}

/* Games */
div#gameHolder {
    margin: 20px 0;
    padding: 20px 0;
    overflow: auto;
    border-top: 2px dotted #f4b41b;
}

div#gameHolder a img {
    float: right;
}

/* Competition Partial */
div#competitionPartial {
    clear: both;
	width: 480px;
	border-top: 2px dotted #f4b41b;
	margin-top:20px;
	padding-top:20px;
}

div#competitionPartial div.partialIntro {
    margin: 10px 0;
}

div#competitionPartial div#headerBackground {
    background: url(/images/competition-submit/header.gif) no-repeat top left;
    width: 480px;
    height: 21px;
}

div#competitionPartial div#footerBackground {
    background: url(/images/competition-submit/footer.gif) no-repeat top left;
    width: 480px;
    height: 21px;
}

div#competitionPartial div#partialBody {
    border-left: 1px solid #97c1cf;
    border-right: 1px solid #97c1cf;
    width: 428px;
    padding: 0 25px;
}

div#competitionPartial div#partialBody table {
    margin-top: 13px;
    width: 100%;
}

div#competitionPartial div#partialBody td {
    padding: 3px 0;
}

div#competitionPartial div#partialBody td.answer {
    color: #00539F;
}